<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>游戏公告页面</title>
</head>
<style type="text/css">
*{ margin:0px; padding:0px; border:none;}
html {overflow: hidden}
body {font-size:12px; font-family:Verdana, Geneva, sans-serif; overflow: hidden; border:medium none}
#box { background:url(images/bg.jpg); width:536px; height:480px;}
#box h1 { width:202px; height:77px; position:absolute; z-index:1; left:34px; top:7px;}
#box .button { width:165px; height:34px; position:absolute; z-index:2; left:330px; top:45px;}
#box .button a{ background:url(images/but_jf.gif); display:block; height:34px;}
#box .button a:hover { background:url(images/but_jf.gif) 0 -34px; display:block; height:34px;}

/* Patchnotes Styles */
.patchnotes { border:1px; width:505px; position:absolute; margin:149px 0 0 0px; color:#25110a; }
.patchnotes a { color:#25110a; text-decoration:none }
.patchnotes a:hover { color:#a20000; }
.patchnotes p { padding:10px 0; }
.patchnotes ul { padding:0 0 6px 0; }
.patchnotes li { padding:3px 0 6px 10px;  margin-left:5px; list-style-type:none; background:url(images/bullet.gif) 0 9px no-repeat; }

.patch_back {  width:109px; height:41px; display:block; position:absolute; margin:395px 0 0 350px;}
#notes-container { background:url(images/parchment.jpg) no-repeat;padding:28px 20px 12px 20px;}
#notes-container { display:none; }
#notes-container div {overflow:auto;height:187px;}
#pod-container { background:url(images/parchment.jpg) no-repeat;padding:28px 20px 12px 20px;}
#pod-container { }
#pod-container div {overflow:hidden;height:187px;}
#pod-container p { padding:4px 0; font-weight:bold; }

#title_patch, #title_pod { width:505px; height:33px;cursor:pointer;}
#title_patch:hover, #title_pod:hover {background-position:bottom;}
.title_patch { background:url(images/title_patch.jpg) no-repeat 0 0;}
.title_pod { background:url(images/title_pod.jpg) no-repeat 0 0;}
.title_patch_close { background:url(images/title_patch_close.jpg) no-repeat 0 0;}
.title_pod_close { background:url(images/title_pod_close.jpg) no-repeat 0 0;}

</style>
<script type="text/javascript">
//-----------------------
		   var oLastBtn=0,bIsMenu=false   
		   function nocontextmenu() {     
				   event.cancelBubble=true;   
				   event.returnValue=false;     
		   return false;     
				}   
				function norightclick(e) {     
		   if(window.Event) {     
			   }     
		   else     
		   if(event.button!=1) {     
				   event.cancelBubble=true;   
				   event.returnValue=false;     
		   return false;     
		   }     
		   }   
				   document.oncontextmenu=nocontextmenu;     
				   document.onmousedown=norightclick;     
		   function onKeyDown() {   
			   if ((event.altKey)||((event.keyCode==8)&&(event.srcElement.type!="text"&&event.srcElement.type!="textarea"&&event.srcElement.type!="password"))||((event.ctrlKey)&&((event.keyCode==78)||(event.keyCode==82)))||(event.keyCode==116))   
		   {   
			   event.keyCode=0;   
			   event.returnValue=false;   
		   }   
		   }   
//-----------------------
		function show_pod() {
			document.getElementById('notes-container').style.display="none";
			document.getElementById('pod-container').style.display="block";
			document.getElementById('title_patch').className="title_patch";
			document.getElementById('title_pod').className="title_pod_close";
		}
		function show_notes() {
			document.getElementById('notes-container').style.display="block";
			document.getElementById('pod-container').style.display="none";
			document.getElementById('title_patch').className="title_patch_close";
			document.getElementById('title_pod').className="title_pod";
		}
</script>
<body onkeydown="onKeyDown()" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" oncontextmenu="return false;" ondragstart="return false;" onselectstart="return false;" onselect="return false;" onbeforecopy="return false;" oncopy="return false;">
<div id="box">

<div class="button"><a href="#" target="_blank" onFocus="this.blur()"><img name="link" src="images/null.gif" width="1" height="1" alt="" /></a></div>
<div class="patchnotes" style="clear:both;">
<div class="title_patch_close" id="title_patch" onClick="show_notes();"></div>
<div id="notes-container" style="display:block;">
<div class="notes_contents" style="scrollbar-base-color:#941;">
<ul>
  <li>[10.23]<a href="#">---------------------------------------------------</a></li>
  <li>[10.23]<a href="#">---------------------------------------------------</a></li>
  <li>[10.16]<a href="#">---------------------------------------------------</a></li>
  <li>[10.16]<a href="#">---------------------------------------------------</a></li>
  <li>[10.16]<a href="#">---------------------------------------------------</a></li>
  <li>[10.16]<a href="#">---------------------------------------------------</li>
</ul>
</div>
</div>
<div class="title_pod" id="title_pod" onClick="show_pod();" ></div>
<div id="pod-container" style="display:none;">
<div>
<p>踏入魔兽世界♂开启梦幻之旅</p>
<p style="color:#990000;">特色1:</br>---------------------------------------------------</p>
<p style="color:#990000;">特色2:</br>---------------------------------------------------</p>
<p style="color:#990000;">特色3:</br>---------------------------------------------------</p>
<p style="color:#990000;">特色4:</br>---------------------------------------------------</p>
</div>
</div>
</div>

</div>
</body>
</html>
